@use '../../../css/mixins/components';

/**
 * List Group
 */

.list-group {
    @include components.background('list-group');
    @include components.border-radius('list-group');
    @include components.color('list-group');
    @include components.font-size('list-group');
    @include components.padding('list-group');
    @include components.transition('list-group');

    display: flex;
    flex-flow: column wrap;

    &.-border {
        @include components.border-width('list-group');
        @include components.border-style('list-group');
        @include components.border-color('list-group');
    }
}
